<template lang="html">
    <div class="fen1">
    	<div v-for="item in result" >
    		<div class="fen1_lei">
    			<p>{{ item.name }}{{ item.enName }}</p>
    		</div>
    		
    		<div class="fen1_things">
    			<a v-for="items in item.child">{{ items.name }}</a>
    		</div>
    	</div>
    </div>
</template>

<script>
export default {
	data(){
		return{result:{}}
	},
	methods:{
		
	},
	created(){
		this.axios.get("../static/data/fen.json").then(data =>{
			this.result= data.data.rp_result.categorys;
		})
	}
}
</script>

<style lang="css">
	.fen1{
		margin-top:.8rem;
	}
	.fen1 .fen1_lei{
		width: 100%;
	}
	.fen1_lei>p{
		text-align: center;
		width: 100%;
		height: .5rem;
		padding-top:2%;
		color: black;
		font-size: .23rem;
		line-height: .5rem;
	}
	.fen1 .fen1_things>a{
		display: inline-block;
		color: gray;
		padding: 3% 5%;
		font-size: .22rem;
		float: none;
	}
	.fen1 .fen1_things{
		width: 100%;
		padding: 4% 0;
		background: white;
	}
</style>
